import 'package:flutter/material.dart';

class ScreenVertical extends StatelessWidget {
  const ScreenVertical({super.key});

  @override
  Widget build(BuildContext context) {
    // 获取屏幕宽高
    final screenSize = MediaQuery.of(context).size;
    final screenWidth = screenSize.width;
    final screenHeight = screenSize.height;

    return SafeArea(
      child: Container(
        // color: Colors.black,
        child: Stack(
          children: [
            // 默认布局 头部 ，返回icon  标题，时间,  更多， 中间： 锁定   ， 底部，进度条，播放按钮，全屏按钮， 声音按钮，弹幕按钮
            Positioned(
              top: 0,
              left: 0,
              right: 0,
              child: Column(
                children: [
                  // 第一行：当前时间
                  Padding(
                    padding: const EdgeInsets.only(top: 3.0),
                    child: Text(
                      '下午 07:00',
                      style: TextStyle(
                        fontSize: 12, // 字体小一些
                        color: Colors.white,
                      ),
                    ),
                  ),
                  // 第二行：返回按钮 + 影视标题
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 20.0),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween, // 分配主轴上的空间
                      children: [
                        Row(
                          children: [
                            IconButton(
                              icon: Icon(Icons.arrow_back_ios_sharp, color: Colors.white),
                              onPressed: () {
                                // 返回
                                Navigator.of(context).pop();
                              },
                            ),
                            Text(
                              '影视标题',
                              style: TextStyle(
                                fontSize: 20,
                                fontWeight: FontWeight.bold,
                                color: Colors.white,
                              ),
                            ),
                          ],
                        ),
                        // 第三行：更多按钮
                        IconButton(
                          icon: Icon(Icons.more_horiz, color: Colors.white),
                          onPressed: () {
                            // 更多
                          },
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            // 非默认布局组件自定义位置
            // Positioned(
            //   top: screenHeight * 0.5,
            //   left: screenWidth * 0.5,
            //   child: Text('自定义位置'),
            // ),
          ],
        ),
      ),
    );

    // return Container(
    //     color: Colors.white30,
    //     child: Stack(children:[
    //       // 默认布局 头部 ，返回icon  标题，时间,  更多， 中间： 锁定   ， 底部，进度条，播放按钮，全屏按钮， 声音按钮，弹幕按钮
    //       Positioned(
    //         top: 0,
    //         left: 0,
    //         right: 0,
    //         child: Column(
    //           children: [
    //             // 第一行：当前时间
    //             Padding(
    //               padding: const EdgeInsets.only(top: 3.0),
    //               child: Text(
    //                 '下午 07:00',
    //                 style: TextStyle(
    //                   fontSize: 12, // 字体小一些
    //                   color: Colors.white,
    //                 ),
    //               ),
    //             ),
    //             // 第二行：返回按钮 + 影视标题
    //             Padding(
    //               padding: const EdgeInsets.symmetric(horizontal: 20.0),
    //               child: Row(
    //                 mainAxisAlignment: MainAxisAlignment.spaceBetween, // 分配主轴上的空间
    //                 children: [
    //                   Row(
    //                     children: [
    //                       IconButton(
    //                         icon: Icon(Icons.arrow_back_ios_sharp, color: Colors.white),
    //                         onPressed: () {
    //                           // 返回
    //                           Navigator.of(context).pop();
    //                         },
    //                       ),
    //                       Text(
    //                         '影视标题',
    //                         style: TextStyle(
    //                           fontSize: 20,
    //                           fontWeight: FontWeight.bold,
    //                           color: Colors.white,
    //                         ),
    //                       ),
    //                     ],
    //                   ),
    //                   // 第三行：更多按钮
    //                   IconButton(
    //                     icon: Icon(Icons.more_horiz, color: Colors.white),
    //                     onPressed: () {
    //                       // 更多
    //                     },
    //                   ),
    //                 ],
    //               ),
    //             ),
    //           ],
    //         ),
    //       ),
    //
    //
    //
    //       // 非默认布局组件自定义位置
    //       // Positioned(
    //       //   top: screenHeight * 0.5,
    //       //   left: screenWidth * 0.5,
    //       //   child: Text('自定义位置'),
    //       // ),
    //
    //
    //
    //     ])
    // );

  }
}
